<div class="py-24 flex space-x-40 justify-center items-center" id="integrations">
    <div class="w-1/5">
        <div class="text-5xl mb-5">Integrations that banish busywork</div>
        <p class="text-2xl mb-5">Sync responses to Google Sheets. Ping people in Slack when someone fills out your survey. Sit back and watch your work flow.</p>
        <div class="text-2xl cursor-pointer underline">See all integrations</div>
    </div>
    <div class="flex flex-col items-center space-y-5">
        <div class="flex space-x-5">
            <div class="bg-white p-8 rounded-lg shadow-md">
                <img src="../assets/home-page/images/integrations/zapier.png" alt="" class="w-12">
            </div>
            <div class="bg-white p-8 rounded-lg shadow-md">
                <img src="../assets/home-page/images/integrations/airtable.png" alt="" class="w-12">
            </div>
            <div class="bg-white px-10 py-8 rounded-lg shadow-md">
                <img src="../assets/home-page/images/integrations/gsheets.png" alt="" class="w-8">
            </div>
        </div>
        <div class="flex space-x-5">
            <div class="bg-white p-8 rounded-lg shadow-md">
                <img src="../assets/home-page/images/integrations/ganalytics.png" alt="" class="w-12">
            </div>
            <div class="bg-white p-8 rounded-lg shadow-md">
                <img src="../assets/home-page/images/integrations/mailchimp.png" alt="" class="w-12">
            </div>
            <div class="bg-white p-8 rounded-lg shadow-md">
                <img src="../assets/home-page/images/integrations/slack.png" alt="" class="w-12">
            </div>
            <div class="bg-white p-8 rounded-lg shadow-md">
                <img src="../assets/home-page/images/integrations/hubspot.png" alt="" class="w-12">
            </div>
        </div>
        <div class="flex space-x-5">
            <div class="bg-white p-8 rounded-lg shadow-md">
                <img src="../assets/home-page/images/integrations/gtm.png" alt="" class="w-12">
            </div>
            <div class="bg-white p-8 rounded-lg shadow-md">
                <img src="../assets/home-page/images/integrations/web-hook.png" alt="" class="w-12">
            </div>
            <div class="bg-white p-8 rounded-lg shadow-md">
                <img src="../assets/home-page/images/integrations/facebookpixel.png" alt="" class="w-12">
            </div>
        </div>
    </div>
</div>

<style>
    #integrations{
        background-color: #fcfaf9;
    }
</style>